{include file="public/header" /}
<aside id="sitecontent" class="transition">
    {include file="public/search" /}
    <!-- main -->
    <section class="case-ban position-relative">
        <img src="{$data.thumb_url}" alt="" srcset="" width="100%">
        <div class="text-center txt">
            <div>{$data.name}</div>
            <div class="color-5">来源：八方筑装饰 浏览人数：{$data.views}次 更新时间：{$data.update_time|date='Y-m-d'}</div>
        </div>
    </section>
    <section class="p0-20">
        <section class="alxx">
            <h1>案例信息</h1>
            <ul class="clearfix">
                <li>
                    <span>案例风格：</span> <span>{$data.tags[0]}</span>
                </li>
                <li>
                    <span>设计师：</span><span>{$data.designer.name}</span>
                </li>
                <li>
                    <span>房屋面积：</span><span>{$data.area}平方米</span>
                </li>
                <li>
                    <span>楼盘名称：</span><span>{$data.house}</span>
                </li>
                <li>
                    <span>参考造价：</span> <span>{$data.cost}万</span>
                </li>
                <li>
                    <span>地区：</span><span>{$data.address}</span>
                </li>
            </ul>
        </section>
        <section class="case-sej dis-flex-between-center">
            <div class="left dis-flex-center">
                <img src="{$data.designer.image_url}" alt="{$data.designer.name" srcset="">
                <figure>
                    <h1>{$data.designer.name} <span>{$data.designer.position}</span></h1>
                    <p class="color-5">从业经验：{$data.designer.year} 年 职称：{$data.designer.position}</p>
                </figure>
            </div>
            <span class="tanSjs bg-red dis-flex-center-center">预约TA</span>
        </section>
        <section class="case-info">
            <h1>案例说明</h1>
            <div class="info color-5">
                {$data.content|raw}
            </div>
        </section>
        <section class="casepage dis-flex-between-center">
            {notempty name="prev"}
            <a href="{:url('cases/detail', ['category_id'=>$prev.category_id, 'id'=>$prev.id])}"><img src="__MOBILEIMG__/heard-black.png" style="height: .24rem;"> 上一个案例</a>
            {/notempty}
            {notempty name="next"}
            <a href="{:url('cases/detail', ['category_id'=>$next.category_id, 'id'=>$next.id])}">下一个案例&nbsp;&nbsp;<img src="__MOBILEIMG__/heard-black.png" style="height: .24rem;transform: rotateY(180deg);"></a>
            {/notempty}
        </section>
        <section class="seeother">
            <h1>看看别人家是怎么装的</h1>
            <ul>
                {volist name="rec_cases" id="item"}
                <li>
                    <a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" class="dis-flex-between">
                        <div class="img">
                            <img src="{$item.thumb_url}" alt="{$item.name}" srcset="">
                        </div>
                        <div class="txt">
                            <div class="line-one">{$item.name}</div>
                            <div class=" color-6">{$item.area}m² | {$item.tag_name[0]} | {$item.house_type}</div>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </section>
        <section class="caseBtn dis-flex-between">
            <a href="javascript:;" class="bg-red dis-flex-center-center tanMoney"><img src="__MOBILEIMG__/caseBtn-money.png" alt="" srcset=""> &nbsp;我家这样装多少钱</a>
            <a href="tel:{$siteConfig.mobile}" class="dis-flex-center-center bg-white"><img src="__MOBILEIMG__/caseBtn-tel.png" alt="" srcset="">&nbsp;在线咨询</a>
        </section>
    </section>
    <!-- main end-->
    {include file="public/footer" /}